<style scoped>
.expand-row{
  margin-bottom: 16px;
}
</style>
<template>
  <div>
    <Row>
      <Col span="8">荣誉名称</Col>
      <Col span="8">荣誉图片</Col>
      <Col span="8">获得时间</Col>
    </Row>
    <Row v-for="(item, i) in row.arrayList">
      <Col span="8">{{item.honorName}}</Col>
      <Col span="8"><img :src="item.honorImage" style="width: 80px;height: 80px"></img></Col>
      <Col span="8">{{item.createTime}}</Col>
    </Row>
  </div>
</template>
<script>
import {deleteHonorRelation} from "../../../../api/data";

export default {
  name: "table-expand",
  props: {
    row: Object
  },
  data(){
    return{
      modal1:false,
      item: {}
    }
  },
  methods: {
    showDeleteDialog(item){
      this.modal1=true;
      this.item=item;
    },
    deleteHonor(){
      deleteHonorRelation(this.item.id).then(res=>{
        this.$Message.info("删除成功");
      })
    },
    cancel(){

    },
    modifyHonor(index){
      alert(index)
    }
  }
};
</script>
